<template>
  <div>
    <h4>支持项9999</h4>
    <hr />
    <h5>自动按需加载自定义组件</h5>
    <HelloWord></HelloWord>
    <hr />
    <h5>自动按需加载elementplus图标</h5>
    <el-icon :size="60">
      <i-ep-edit />
    </el-icon>
    <hr />
    <h5>自动按需加载elementplus弹层</h5>
    <el-button @click="handle">消息提示</el-button>
    <hr />
    <h5>任意层级读取pinia的值</h5>
    {{ store.count }}
    <hr />
    <h5>任意层级修改pinia的值</h5>
    {{ store.count }} <el-button @click="onChange">修改</el-button>
    <hr />
    package.json lint-staged 插件，限制成员commit提交,必须格式成功后才可以提交
    <br />
    npm run lint 检查有没有格式问题838046

    <br />
    npm run lint:fix 尽可能自动修复并忽略警告
    <hr />
    vscode
    EditorConfig插件中.editorconfig配置，使每个人拿到代码，编写风格样式一致
    <hr />
    <hr />
  </div>
</template>
<script setup lang="ts">
import { useCounterStore } from "@/stores/counter";
const store = useCounterStore();
const onChange = () => {
  store.increment();
};
const handle = () => {
  ElMessage("测试999");
};
</script>
<style lang="scss" scoped>
.box {
  background: red;
  $a: #ddd;
  span {
    color: $a;
  }
}
</style>
